<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<base href="<%=basePath%>">
<meta content='text/html; charset=utf-8' http-equiv='Content-Type'>
<title>@Follow</title>

<link href="resources/css/jquery.jcarousel.css" media="screen"
	rel="stylesheet" type="text/css" />
<link href="resources/css/nivo-slider.css" media="screen"
	rel="stylesheet" type="text/css" />
<link href="resources/css/index.css" rel="stylesheet" type="text/css" />
<link href="resources/css/colorbox.css" rel="stylesheet" type="text/css" />

<script src="resources/js/jquery-1.6.2.js" type="text/javascript"></script>
<script src="resources/js/jquery.nivo.slider.pack.js"
	type="text/javascript"></script>
<script src="resources/js/jquery.jcarousel.pack.js"
	type="text/javascript"></script>
<script src="resources/js/jquery.colorbox-min.js" type="text/javascript"></script>

<script type="text/javascript" charset="utf-8">
	$(window).load(function() {
		$("#slider").nivoSlider({
			pauseTime : 4000,
			pauseonHover : true,
			effect : 'random'
		});
	});

	$(document).ready(function() {
		$(".colorboxdemo").colorbox({
			transition : "elastic",
			iframe : true,
			innerWidth : 580,
			innerHeight : 355,
			overlayClose : false,
			scrolling : false,
			fastIframe : false,
			arrowKey : false,
			opacity : 0.8,
			close : "关闭"
		});
		$('#mycarousel').jcarousel({});
	});

	function resizeColorbox(type) {
		var boxwidth = 580;
		var boxheight = 355;
		if (type == 'regist') {
			boxwidth = 650;
			boxheight = 500;
		}
		$.colorbox.resize({
			transition : "elastic",
			iframe : true,
			innerWidth : boxwidth,
			innerHeight : boxheight,
			overlayClose : false,
			scrolling : false,
			fastIframe : false,
			arrowKey : false,
			opacity : 0.8,
			close : "关闭"
		});
	}

	// 	function click_sina() {
	// 		popup();
	// 		$.ajax({
	// 			type : "GET",
	// 			dataType : "text",
	// 			url : "login/getSinaURL.do",
	// 			success : AuthSina,
	// 			error : function() {
	// 				alert("连接新浪API接口失败。");
	// 			}
	// 		});
	// 	}
</script>
</head>
<body>
	<div id='main-bg'>
		<div class='container'>
			<div id='header-home'>
				<a href='/' id='logo'> <img alt='Zaarly' src=''> </a>
			</div>
			<div id='intro'>
				<div class='splash-left'>
					<div class='text' style="height: 200px">
						<h1>简单介绍。</h1>
						<h2>
							好处一 &ndash;<br />好处二
						</h2>
					</div>
					<div class='video-cta'>
						<div class='text'>登录</div>
						<a href="login/getAccessToken.do" class="colorboxdemo"><img
							alt="新浪登陆" title="新浪微博登录" src="resources/img/index/sina.png" />
						</a>
					</div>
				</div>
				<div class='splash-right'>
					<div class='splashmap'>
						<div class='static-map'>
							<div class='static-map-border'></div>
							<div id='slider' class='nivoSlider'>
								<a href=""> <img
									src="http://cdn.mblrd.com/i/1-1/ca/aHR0cDovL21vYmlsZXJvYWRpZS5jb20vaW1nL3B1YmxpYzMvaG9tZV9tYWluc2xpZGUyLmpwZw,,"
									width="458px" height="303" border="0" alt="" /> </a> <a href="">
									<img
									src="http://cdn.mblrd.com/i/1-1/ca/aHR0cDovL21vYmlsZXJvYWRpZS5jb20vaW1nL3B1YmxpYzMvaG9tZV9tYWluc2xpZGUxLmpwZw,,"
									width="458px" height="303" border="0" alt="" /> </a> <a href=""><img
									src="http://cdn.mblrd.com/i/1-1/ca/aHR0cDovL21vYmlsZXJvYWRpZS5jb20vaW1nL3B1YmxpYzMvaG9tZXNsaWRlX3JlYWxfdGltZS5qcGc,"
									width="458px" height="303" alt="Homeslide Real Time" /> </a> <a
									href=""> <img
									src="http://cdn.mblrd.com/i/1-1/ca/aHR0cDovL21vYmlsZXJvYWRpZS5jb20vaW1nL3B1YmxpYzMvaG9tZV9tYWluc2xpZGUzLmpwZw,,"
									width="458px" height="303" border="0" alt="" /> </a> <a href="">
									<img
									src="http://cdn.mblrd.com/i/1-1/ca/aHR0cDovL21vYmlsZXJvYWRpZS5jb20vaW1nL3B1YmxpYzMvaG9tZV9tYWluc2xpZGU0LmpwZw,,"
									width="458px" height="303" border="0" alt="" /> </a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div id='sitebottom'>
		<div id='sitebottom-b'>
			<div class='container'>
				<div class='clearfix' id='content'>

					<!-- 				<ul id="mycarousel" class="jcarousel-skin-name">		 			 -->
					<!-- 					<li>  -->
					<!-- 						<a href=""><img src="" width="316" height="187" alt="" /></a>  -->
					<!-- 					</li>  -->
					<!-- 					 <li><a href="" width="316" height="187" alt=""></a></li>  -->
					<!-- 				<li>  -->
					<!-- 					<a href="" class="nyroModal"><img src="" width="316" height="187" alt="" /></a>  -->
					<!-- 				</li>  -->
					<!-- 			</ul>  -->
					<div class='press'>
						<a href=""></a>
					</div>
					<div class='press'>
						<a href=""></a>
					</div>
					<div class='press'>
						<a href=""></a>
					</div>
					<div class='press'>
						<a href=""></a>
					</div>
				</div>

				<div id="footer-front">
					<p>
						&copy; 2011 <a href="">@Follow</a> | <a href="" target="_blank">隐私声明</a>
						| <a href="">联系我们</a>
					</p>
				</div>
			</div>
		</div>
	</div>
	<button style="display: none" onclick="resizeColorbox('regist')"
		id="resizeToRegist"></button>
</body>
</html>
